<!DOCTYPE html>
<html>
<head>
    <title>门店商品分类表</title>
		<#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("storeGoodsCategory:storegoodscategory:save")>
                <a class="btn btn-primary btn-sm" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("storeGoodsCategory:storegoodscategory:update")>
                <a class="btn btn-primary btn-sm" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("storeGoodsCategory:storegoodscategory:delete")>
                <a class="btn btn-primary btn-sm" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="storeGoodsCategoryTable" data-mobile-responsive="true" data-click-to-select="true">
            <thead><tr><th data-field="selectItem" data-checkbox="true"></th></tr></thead>
        </table>
    </div>
    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group"  hidden>
                <div class="col-sm-2 control-label">父分类ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control input-sm" readonly v-model="storeGoodsCategory.parentCategoryId"placeholder="父分类ID"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">父分类名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control input-sm" readonly="readonly" v-model="storeGoodsCategory.parentCategoryName" @click="storeGoodsCategoryTree()" placeholder="点击选择门店父级分类"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">分类名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control input-sm" v-model="storeGoodsCategory.categoryName" placeholder="分类名称"/>
                </div>
            </div>
            <div class="form-group" hidden>
                <div class="col-sm-2 control-label">紫云网三级分类ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control input-sm" readonly="readonly" v-model="storeGoodsCategory.ziyunCategoryId"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">紫云网三级分类名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control input-sm" readonly="readonly" @click="goodsCategoryTree()" v-model="storeGoodsCategory.ziyunCategoryName" placeholder="点击选择紫云网分类id"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">伪删除标记</div>
                <div class="col-sm-10">
                    <!--<input type="text" class="form-control input-sm" v-model="storeGoodsCategory.delete" placeholder="伪删除标记（0正常 1删除）"/>-->
                    <el-switch
                            style="display: block"
                            v-model="storeGoodsCategory.del"
                            active-color="#87CEFF"
                            inactive-color="#F2F2F2"
                            active-text="删除"
                            inactive-text="正常">
                    </el-switch>
                </div>
            </div>
            <div class="form-group">
            <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary  btn-sm" @click="saveOrUpdate" value="确定"/>&nbsp;&nbsp;
                <input type="button" class="btn btn-warning  btn-sm" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
<!-- 选择紫云网三级分类 -->
<div id="goodsCategoryLayer" style="display: none;padding:10px;">
    <ul id="goodsCategoryTree" class="ztree"></ul>
</div>
<!-- 选择紫云网三级分类 -->
<div id="storeGoodsCategoryLayer" style="display: none;padding:10px;">
    <ul id="storeGoodsCategoryTree" class="ztree"></ul>
</div>
</div>

<script src="${request.contextPath}/statics/js/modules/store/storeGoodsCategory/storegoodscategory.js?_${.now?long}"></script>
</body>
</html>